<template>
    <el-row  style="">
        <el-card class="box-card" style="height:250px">
            <div slot="header" class="clearfix">
                <span style="font-size:16px">进度</span>
            </div>
            <el-row>
                <el-col :span="8" style="font-size:14px">
                    <el-row style="padding:10px">
                        <span style="font-size:16px">倒计时&nbsp;&nbsp; <span style="font-size:20px;color:red">7</span>&nbsp;&nbsp;天</span>
                    </el-row>
                    <el-row style="padding-top:15px;">
                        <span>时间进度&nbsp;&nbsp;</span>
                        <el-progress :percentage="timeProgressPercent" color="#00FF00"></el-progress>
                    </el-row>
                    <el-row style="padding-top:15px;">
                        <span>自评进度&nbsp; &nbsp;</span>
                        <el-progress :percentage="selfEvaluateProgress"></el-progress>
                    </el-row>
                </el-col>
                <!-- 分割线 -->
                <el-col :span="1" style="height:200px">
                    <el-divider direction="vertical" content-position="center"></el-divider>
                </el-col>
                <el-col :span="7">
                    <el-row style="padding:10px">
                        <span style="font-weight:bold">里程碑</span>
                    </el-row>
                    <el-row style="padding:10px">
                        <span style="font-size:14px">未完成:&nbsp; &nbsp;<span style="font-size:16px;color:red">2</span></span>
                    </el-row>
                     <el-row style="padding:10px">
                        <span style="font-size:14px">已完成:&nbsp; &nbsp;<span style="font-size:16px;color:#0000FF">2</span></span>
                    </el-row>
                </el-col>
                 <!-- 分割线 -->
                <el-col :span="1" style="height:200px">
                    <el-divider direction="vertical" content-position="center"></el-divider>
                </el-col>
                <el-col :span="7">
                    <el-row style="padding:10px">
                        <span style="font-weight:bold">任务</span>
                    </el-row>
                    <el-row style="padding:10px">
                        <span style="font-size:14px">未完成:&nbsp; &nbsp;<span style="font-size:16px;color:red">2</span></span>
                    </el-row>
                     <el-row style="padding:10px">
                        <span style="font-size:14px">已完成:&nbsp; &nbsp;<span style="font-size:16px;color:#0000FF">2</span></span>
                    </el-row>
                    <el-row style="padding:10px">
                        <span style="font-size:14px">已验收:&nbsp; &nbsp;<span style="font-size:16px;color:#0000FF">2</span></span>
                    </el-row>
                </el-col>
            </el-row>

        </el-card>
    </el-row>

</template>

<script>
// 项目进度
export default {
    name: "speedOfProgress",
    // mixins: [mixin_list],
    data() {
        return {
            timeProgressPercent: 50,
            selfEvaluateProgress: 45
        }
    },

    methods: {},
    created() { }
}
</script>

<style>

</style>
